/**
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
*
* (en) CSS-component for creating vertical forms
* (de) CSS-Baustein zur Erstellung von Formularen mit untereinander angeordneten Elementen
*
* @note            Many thanks to Ansgar Hein (http://www.anatom5.de) for contribution
*
* @copyright       Copyright 2005-2010, Dirk Jesse
* @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
*                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
* @link            http://www.yaml.de
* @package         yaml
* @version         3.2.1
* @revision        $Revision: 455 $
* @lastmodified    $Date: 2010-01-01 17:33:05 +0100 (Fr, 01. Jan 2010) $
 
*
*  YAML Forms - visual styling
*
*  (en) visual form styling area
*  (de) Festlegung des optischen Erscheinungsbildes
*/
.yform
{
	background: #F4F4F4;
	border: 1px solid #DDD;
	margin: 0 0 1em;
	padding: 10px;
}
.yform FIELDSET
{
	border: 1px solid #DDD;
	background: #FAFAFA;
	margin: 0 0 1em;
	padding: 0.5em;
}
.yform LEGEND
{
	font-size: 125%;
	font-weight: normal;
	color: #000;
}
.yform LABEL
{
	color: #666;
}
.yform INPUT, .yform TEXTAREA, .yform SELECT, .yform OPTGROUP
{
	font-family: Arial, Helvetica, sans-serif;
/*proportional fonts for all form elements*/
}
.yform .type-text INPUT, .yform .type-text TEXTAREA, .yform .type-select SELECT
{
	border: 1px solid #DDD;
}
/*:hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus*/
.yform DIV.type-text INPUT:focus, .yform DIV SELECT:focus, .yform DIV TEXTAREA:focus, .yform DIV.type-text INPUT:hover, .yform DIV SELECT:hover, .yform DIV TEXTAREA:hover, .yform DIV.type-text INPUT:active, .yform DIV SELECT:active, .yform DIV TEXTAREA:active
{
	border: 1px solid #A66;
	background: #FFF;
}
/*Styling of custom styled buttons | Gestaltung von individuell gestalteten Buttons*/
.yform .type-button INPUT
{
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
	border-right: 1px solid #444;
	border-bottom: 1px solid #444;
	color: #000;
	background: #454545 url(images/button_gray.png) repeat-x top left;
	padding: 5px 1em;
}
.yform .type-button INPUT[type=reset]
{
	color: #300;
	background: #661717 url(images/button_red.png) repeat-x top left;
}
.yform .type-button INPUT[type=submit]
{
	color: #330;
	background: #5E5607 url(images/button_yellow.png) repeat-x top left;
}
/*optional button styling for IE6 using classes*/
.yform .type-button INPUT.reset
{
	color: #300;
	background: #661717 url(images/button_red.png) repeat-x top left;
}
.yform .type-button INPUT.submit
{
	color: #330;
	background: #5E5607 url(images/button_yellow.png) repeat-x top left;
}
/*:hover and :focus status on buttons | Effekt zur Hervorhebung von Schaltern bei :hover oder :focus*/
.yform DIV.type-button INPUT:focus, .yform DIV.type-button INPUT:hover, .yform DIV.type-button INPUT:active
{
	border-top: 1px solid #444;
	border-left: 1px solid #444;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	color: #FFF;
	background: #555;
}
.yform DIV.type-button INPUT.reset:focus, .yform DIV.type-button INPUT.reset:hover, .yform DIV.type-button INPUT.reset:active
{
	background: #800;
	color: #FFF;
}
.yform DIV.type-button INPUT.submit:focus, .yform DIV.type-button INPUT.submit:hover, .yform DIV.type-button INPUT.submit:active
{
	background: #880;
	color: #FFF;
}
/*------------------------------------------------------------------------------------------------------
*
* Vertical-Forms - technical base (standard)
*
* |-------------------------------|
* | fieldset                      |
* |-------------------------------|
* |   label                       |
* |   input / select / textarea   |
* |-------------------------------|
* | /fieldset                     |
* |-------------------------------|
*
* (en) Styling of forms where both label and input/select/textarea are styled with display:block;
* (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display:block; gestaltet werden
*
* WARNING:This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!

General form styling  | Allgemeine Formatierung des Formulars*/
.yform
{
	overflow: hidden;
}
.yform FIELDSET
{
	overflow: hidden;
}
.yform LABEL
{
	display: block;
	cursor: pointer;
}
.yform LEGEND
{
	background: transparent;
	border: 0;
	padding: 0 0.5em;
}
.yform .message
{
	display: block;
	margin-bottom: 0.5em;
	color: #666;
}
/*Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. hÃ¤ÃŸliche LÃ¼cken im Firefox)*/
.yform INPUT[type=hidden]
{
	display: none !important;
}
/*Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben*/
.yform SUP
{
	color: #800;
	font-weight: bold;
}
/*styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente*/
.yform DIV.type-text, .yform DIV.type-select, .yform DIV.type-check, .yform DIV.type-button
{
	margin: 0.5em 0;
	padding: 3px 0.5em;
	position: relative;
	overflow: hidden;
}
.yform DIV.type-button
{
	padding: 3px 0em;
}
/*styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annÃ¤hend gleicher Breite*/
.yform .type-text INPUT, .yform .type-text TEXTAREA
{
	display: block;
	position: relative;
	padding: 0.3em;
	width: 58.5%;
}
.yform .type-select SELECT
{
	display: block;
	position: relative;
	padding: 0.3em 2px 0.3em 1px;
	width: 60%;
	cursor: pointer;
}
.yform .type-select SELECT OPTGROUP
{
	font-style: normal;
	font-weight: bold;
}
.yform .type-check INPUT
{
	cursor: pointer;
}
.yform .type-check LABEL
{
	display: inline;
}
/*Styling of buttons | Gestaltung von Buttons*/
.yform .type-button INPUT
{
	cursor: pointer;
	overflow: visible;
/*Fixes IE7 auto-padding bug*/
	width: auto;
}
/*Styling of error-messages | Fehlermeldungen*/
.yform DIV.error
{
	border: 1px dashed #A00;
	background: #FAF4F4;
	padding: 0.5em;
}
.yform DIV.error LABEL
{
	color: #000;
	font-weight: bold;
}
.yform DIV.error .message
{
	color: #800;
}
/*avoid jumping checkboxes & radiobuttons in IE8*/
.yform DIV.type-check INPUT:focus, .yform DIV.type-check INPUT:hover, .yform DIV.type-check INPUT:active
{
	border: 0 none #000000;
}
/*------------------------------------------------------------------------------------------------------
Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrÃ¼cken, wie die Breite der labels*/
.full DIV.type-text INPUT, .full DIV.type-text TEXTAREA
{
	width: 95.5%;
	margin-right: -3px;
}
.full DIV.type-select SELECT
{
	width: 97%;
	margin-right: -3px;
}
/*width adjustments for IE 5.x & IE6 | Breitenanpassung fÃ¼r Internet Explorer 5.x und 6.0*/
* HTML .full DIV.type-text INPUT, * HTML .full DIV.type-text TEXTAREA
{
	width: 95.5%;
}
* HTML .full DIV.type-select SELECT
{
	width: 97%;
}
/*------------------------------------------------------------------------------------------------------
*
* Columnar forms display - technical base (optional)
*
* |-------------------------------------------|
* | fieldset                                  |
* |-------------------------------------------|
* |                                           |
* |   label   |   input / select / textarea   |
* |                                           |
* |-------------------------------------------|
* | /fieldset                                 |
* |-------------------------------------------|
*
* (en) Styling of forms where label floats left of form-elements
* (de) Formulargestaltung, bei der die label-Elemente nach links flieÃŸen
*
* WARNING:This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!

Columnar display | Spalten-Darstellung*/
.columnar .type-text LABEL, .columnar .type-select LABEL
{
	float: left;
	width: 30%;
/*Can be fixed width too | Kann auch eine fixe Angabe sein*/
}
/*Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrÃ¼cken, wie die Breite der labels*/
.columnar DIV.type-check INPUT
{
	margin-left: 30%;
}
.columnar DIV.error .message
{
	margin-left: 30%;
}
.columnar FIELDSET DIV.type-button, FIELDSET.columnar DIV.type-button
{
	padding-left: 30%;
}
.columnar DIV.type-text INPUT, .columnar DIV.type-text TEXTAREA
{
	float: left;
	width: 67.8%;
	margin-right: -3px;
}
.columnar DIV.type-select SELECT
{
	float: left;
	width: 69.4%;
	margin-right: -3px;
}
/*width adjustments for IE 5.x & IE6 | Breitenanpassung fÃ¼r Internet Explorer 5.x und 6.0*/
* HTML .columnar DIV.type-text INPUT, * HTML .columnar DIV.type-text TEXTAREA
{
	width: 67.2%;
}
* HTML .columnar DIV.type-select SELECT
{
	width: 68.8%;
}
/*------------------------------------------------------------------------------------------------------
*
* Global fixes for YAML's form construction set
*
* @workaround
* @affected IE 5.x/Win, IE6, IE7
* @css-for IE 5.x/Win, IE6, IE7
* @valid no
*/
.yform, .yform DIV, .yform DIV *
{
	zoom: 1;
}
/**
* Forms Fieldset/Legend-Bug in IE
* @see http://www.mattheerema.com/web-design/2006/04/getting-fieldset-backgrounds-and-legends-to-behave-in-ie/
*
* @workaround
* @affected IE 5.x/Win, IE6, IE7, IE8
* @css-for IE 5.x/Win, IE6, IE7, IE8
* @valid no

all IE*/
.yform
{
	padding-top: 0;
}
.yform FIELDSET
{
	padding: 0 5px;
	padding-top: 1em;
}
.yform LEGEND
{
	position: absolute;
	top: -0.5em;
	left: 0;
}
.yform FIELDSET
{
	position: relative;
	overflow: visible;
	margin-top: 1.5em;
	zoom: 1;
}
/*IE5.x, IE6 & IE7*/
.yform LEGEND
{
	padding: 0 5px;
}
.yform FIELDSET
{
	padding-top: 1.5em;
}
/*IE5.x & IE6*/
* HTML .yform
{
	padding-top: 10px;
}
